<meta charset="UTF-8">
<link rel="stylesheet" href="./多倍.css">

<div class="box enlarge1">
    <div class="img">
        <div class="mask"></div>
    </div>
    <ul>
        <li class="active" imgName="1">
            <img src="./imgs/1.small.jpg" alt="" class="img1">
        </li>
        <button style="width: 100px;">余其权是变态</button>
        <li imgName="2">
            <img src="./imgs/2.small.jpg" alt=""class="img2">
        </li>
    </ul>
    <div class="enlarge"></div>
</div>

<br><br>
<hr>
<br><br>

<div class="box enlarge2">
    <div class="img">
        <div class="mask"></div>
    </div>
    <ul>
        <li class="active" imgName="1">
            <img src="./imgs/1.small.jpg" alt="" class="img1">
        </li>
        <button style="width: 100px;">余其权是变态</button>
        <li imgName="2">
            <img src="./imgs/2.small.jpg" alt="" class="img2">
        </li>
    </ul>
    <div class="enlarge"></div>
</div>

<script src="./多倍.js"></script>
<script>
    let enlarge1=new Enlarge('.enlarge1',{maskbg:'yellow',key:'you are √'})
    let enlarge2=new Enlarge('.enlarge2',{maskbg:'red',key:'你没有瑕疵'})
</script>